<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Better Check Boxes with jQuery and CSS | Tutorialzine Demo</title>
<link href="../Scripts/iphone/iphone.css" rel="stylesheet" type="text/css">
<link href="../Scripts/iphone/iphone_styles.css" rel="stylesheet" type="text/css">


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript" src="../Scripts/iphone/iphone.js"></script>
<script type="text/javascript" src="../Scripts/iphone/iphone_script.js"></script>


</head>
<body>

<div id="page">

	<form method="POST" action="<?php echo $_SERVER['PHP_SELF']; ?>">
    	<ul>
    		<li><label for="ch_effects">Display effects: </label><input type="checkbox" id="ch_effects" name="ch_effects" data-on="Show effects" data-off="Hide effects" /></li>
        	<li><label for="ch_location">Enable location tracking: </label><input type="checkbox" id="ch_location" name="ch_location" checked /></li>
	        <li><label for="ch_showsearch">Include me in search results: </label><input type="checkbox" id="ch_showsearch" name="ch_showsearch" /></li>
	        <li><label for="ch_emails">Email notifications: </label><input type="checkbox" id="ch_emails" name="ch_emails" checked  data-on="CÓ" data-off="KHÔNG" /> </li>
		<li><label for="tintran">Gender: </label><input type="checkbox" id="tintran" name="tintran" checked data-on="MALE" data-off="FEMALE"/></li>
        </ul>
	 <input type="submit" value="Submit" >
        </form>
 	<?php
		$test = $_POST['ch_emails'];
		//echo $test;
		if (isset($test)){
			echo "Có";
		} else {
			echo "Không";
		}

                $test2 = $_POST['tintran'];
                //echo $test;
                if (isset($test2)){
                        echo "Hello, you're male";
                } else {
                        echo "Oh, you're female";
                }

	?>
    <!-- You are free to remove this footer -->
    <!--
    <div id="footer">
        <h2>Better Check Boxes with jQuery and CSS</h2>
        <a class="tzine" href="http://tutorialzine.com/2011/03/better-check-boxes-jquery-css/">Read &amp; Download on</a>
    </div>
    -->
</div>



</body>
</html>
